<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Wulia Go!!!</title>
    <link type="text/css" href="css/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
    <script type="text/javascript" src="lib/jquery-1.3.2.min.js">
    </script>
    <script type="text/javascript" src="lib/jquery-ui-1.7.1.custom.min.js">
    </script>
    <link type="text/css" href="css/demos.css" rel="stylesheet" />
	<link rel="SHORTCUT ICON" href="pic/im.ico"/>  
    <!--<div id="feed-control">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
    </div>-->
    <script src="http://www.google.com/jsapi?key=notsupplied-wizard" type="text/javascript">
    </script>
    <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript">
    </script>
    <style type="text/css">
        @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css"); #feedControl {
            margin-top: 20px;
            margin-left: auto;
            margin-right: auto;
            font-size: 16px;
        } .gfg-title {
            color: #612e00;
            background-color: #FFF3DB;
        } .gfg-title a {
            color: #612e00;
        } .gfg-root {
            border: 1px solid #956839;
            font-family: "Georgia", sans-serif;
            width: 205px;
        }
    </style>
    </style>
    <style type="text/css">
        .column {
            width: 230px;
			height: 1200px;
            float: left;
            padding-bottom: 100px;
        } .portlet {
            margin: 0 1em 1em 0;
        } .portlet-header {
            margin: 0.3em;
            padding-bottom: 4px;
            padding-left: 0.2em;
        } .portlet-header .ui-icon {
            float: right;
        } .portlet-content {
            padding: 0.4em;
        } .ui-sortable-placeholder {
            border: 1px dotted black;
            visibility: visible !important;
            height: 50px !important;
        } .ui-sortable-placeholder * {
            visibility: hidden;
        }
    </style>
    <script type="text/javascript">
        $(function(){
            $(".column").sortable({
                connectWith: '.column'
            });
            
            $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all").find(".portlet-header").addClass("ui-widget-header ui-corner-all").prepend('<span class="ui-icon ui-icon-plusthick"></span>').end().find(".portlet-content");
            
            $(".portlet-header .ui-icon").click(function(){
                $(this).toggleClass("ui-icon-minusthick");
                $(this).parents(".portlet:first").find(".portlet-content").toggle();
            });
            
            $(".column").disableSelection();
        });
    </script>
    <script type="text/javascript">
        function LoadDynamicFeedControl(){
            var feeds = [{
                title: '相關文章',
                url: 'http://pipes.yahoo.com/pipes/pipe.run?_id=67ebe218a9beb509541db9df5ca4d016&_render=rss'
            }];
            var options = {
                stacked: false,
                horizontal: false,
                title: ""
            }
            
            new GFdynamicFeedControl(feeds, 'feed-control', {numResults : 10});
        }
        
        // Load the feeds API and set the onload callback.
        google.load('feeds', '1');
        google.setOnLoadCallback(LoadDynamicFeedControl);
    </script>
    <body>
        <table align="center">
            <tr>
                <td colspan="3">
                    <table>
                        <tr>
                            <td>
                                <img src="pic/logo_beta.jpg" width="188" height="67">
                            </td>
                            <td>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            </td>
                            <td>
                                <form action="http://www.google.com/cse" id="cse-search-box">
                                    <div>
                                        <input type="hidden" name="cx" value="014420079490935302535:i98qsjxakms" /><input type="hidden" name="ie" value="UTF-8" /><input type="text" name="q" size="31" /><input type="submit" name="sa" value="搜尋" />
                                    </div>
                                </form>
                                <script type="text/javascript" src="http://www.google.com/jsapi">
                                </script>
                                <script type="text/javascript">
                                    google.load("elements", "1", {
                                        packages: "transliteration"
                                    });
                                </script>
                                <script type="text/javascript" src="http://www.google.com/coop/cse/t13n?form=cse-search-box&t13n_langs=zh-Hant">
                                </script>
                                <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=zh-Hant">
                                </script>
                            </td>
                        </tr>
                    </table>
                    </tr>
                    <tr>
                        <td>
                            <iframe style='width:755px; height:1300px;' src='main.html' frameborder='no' allowtransparency='true'>
                            </iframe>
                        </td>
                        <td>
                            <div class="column">
                                <div class="portlet">
                                    <div class="portlet-header">
                                        照片錦集
                                    </div>
                                    <div class="portlet-content">
                                        <iframe style='width:200px; height:146px;' src='http://www.popfly.com/users/390329/project%20image.small' frameborder='no' allowtransparency='true'>
                                        </iframe>
                                    </div>
                                </div>
                                <div class="portlet">
                                    <div class="portlet-header">
                                        資訊
                                    </div>
                                    <div class="portlet-content">
                                        <div id="feed-control">
                                            <span style="color:#676767;/font-size:11px;margin:10px;padding:4px;">Loading...</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--<div id="feed-control">
                            </div>-->
                            <div id="msg">
                            </div>
                        </td>
                    </tr>
                </table>
                </body>
            </html>
